<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./美团注册.css">
    <link rel="stylesheet" href="./美团注册表单-02.css">
    <script src="./美团注册表单.js"></script>
    <title>美团注册页面</title>
</head>

<body>
    <div class="g-main">
        <div class="g-header">
            <a href="#"><img src="./th.jpg" alt=""></a>
            <div class="u-btn-logn fr">
                <span>已有美团账号?</span>
                <input type="button" value="登录">
            </div>
            <hr>
        </div>
        <div class="g-form">
            <div class="m-form">
                <form action="">
                    <div class="u-text">
                        <div class="u-span">手机号</div>
                        <input type="text" class="input-field" data-type="phone" onfocus="onInputFocus(this)"
                            oninput="onInputChange(this)" onblur="onInputBlur(this)">
                        <span class="u-waring"><span class="fh">-</span><span class="ts">请输入您的手机号码</span></span>
                        <div class="u-content"><span id="1">免费获取动态密码</span></div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">短信动态码</div>
                        <input type="text" class="input-field" data-type="sms-code" onfocus="onInputFocus(this)"
                            oninput="onInputChange(this)" onblur="onInputBlur(this)">
                        <span class="u-waring"><span class="fh">-</span><span class="ts">请输入短信动态码</span></span>
                        <div class="u-content"></div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">创建密码</div>
                        <input type="password" class="input-field" data-type="password" onfocus="onInputFocus(this)"
                            oninput="onInputChange(this)" onblur="onInputBlur(this)">
                        <span class="u-waring"><span class="fh">-</span><span class="ts">请填写密码</span></span>
                        <div class="password-strength">
                            <div class="weak strength-level">弱</div>
                            <div class="medium strength-level">中</div>
                            <div class="strong strength-level">强</div>
                        </div>
                    </div>
                    <div class="u-text" data-type="confirm-password" style="margin-top: 20px;">
                        <div class="u-span">确认密码</div>
                        <input type="password" class="input-field" data-type="confirm-password"
                            onfocus="onInputFocus(this)" oninput="onInputChange(this)" onblur="onInputBlur(this)">
                        <span class="u-waring"><span class="fh">-</span><span class="ts"></span></span>
                    </div>
                    <div id="content">
                        <span class="u-span"></span>
                        <button class="res-btn">完成注册并登录</button>
                    </div>
                    <div class="xy">
                        <div class="custom-checkbox">
                            <input type="checkbox" id="myCheckbox">
                            <label for="myCheckbox"></label>&nbsp;我已阅读并同意<span class="xy-span">《美团用户协议》</span><span
                                class="xy-span">《隐私政策》</span>，并授权美团使用该美团账号信息进行统一管理
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="g-footer-wrap">
            <div id="g-footer">
                <p>©meituan.com 京ICP证070791号 京公网安备11010502025545号</p>
            </div>
        </div>
    </div>
</body>

</html>